<template>
  <div style="text-align: center; margin-top: 10%">
    <h3>Score</h3>
    <br>
    <br>
    <el-rate
      v-model="value"
      :max="max"
      :colors="colors"
      disabled-void-color="red"
      disabled
      score-template="{value}"
    />
  </div>
</template>

<script>
export default {
  name: 'AnalyzeResult',
  props: {
    value: {
      type: Number,
      required: true
    },
    max: {
      type: Number,
      required: true
    }
  },
  data() {
    return {
      colors: ['#99A9BF', '#F7BA2A', '#FF9900']
    }
  }
}
</script>

<style scoped>

</style>
